
<template>
  <div>

    <h2>数据驱动视图</h2>
    <p>{{ str }}</p>
    <button @click="aa">翻转世界</button>

  </div>
</template>

<script>
export default {
  data() {
    return {
      str: '你好世界'
    }
  },
  methods: {
    aa () {
      // this.str = 'hello'
      //  .reverse()对象没有此方法，先转数组
      //  字符串 --> 数组 --> 翻转数组 --> 再转成字符串 
      this.str = this.str.split('').reverse().join('')
      console.log(this.str)
    }
  }
}
</script>

<style>

</style>